"use client";

import { type PlateElementProps } from "platejs/react";

import {
  PlateElement,
  useFocused,
  useReadOnly,
  useSelected,
} from "platejs/react";

import { cn } from "@/lib/utils";

export function HrElement(props: PlateElementProps) {
  const readOnly = useReadOnly();
  const selected = useSelected();
  const focused = useFocused();

  return (
    &lt;PlateElement {...props}&gt;
      <div>
        <hr />
      </div>
      {props.children}
    &lt;/PlateElement&gt;
  );
}
